<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼎搜登录页</title>
    <link rel="stylesheet" href="../CSS/denglu-header.css">
    <link rel="stylesheet" href="../CSS/denglu-reset.css">
    <link rel="stylesheet" href="../CSS/denglu.css">
    <link rel="stylesheet" href="../CSS/denglu-index.css">
</head>
<body>
    <div class="head">
       <!-- 头部 -->
    <header>
        <!-- 蓝色的线 -->
        <div class="header-line">
            <!-- 头部主要内容 -->
            <div class="header-content" clearfix>
            <!-- logo -->
            <a href="#" class="logo fl">
                <img src="../image/logo.jpg" alt="logo">
            </a>
            <!-- 导航 -->
            <nav class="navigation fl">
                <ul class="clearfix">
                    <li class="fl active"><a href="#">首页</a></li>
                    <li class="fl"><a href="#">关于鼎搜</a></li>
                    <li class="fl"><a href="#">鼎搜服务</a></li>
                    <li class="fl"><a href="#">鼎搜动态</a></li>
                    <li class="fl"><a href="#">鼎搜诚聘</a></li>
                    <li class="fl"><a href="#">鼎搜公益</a></li>
                </ul>
            </nav>
            <!-- 搜索 -->
            <div class="search fr">
                <input type="text">
                <div class="search-logo">
                    <img src="../image/1.jpg" alt="">
                </div>
            </div>
            </div>
        </div>
        
    </header>
    <div class="tupian">
        <img src="../image/tb_bg03.gif" alt="">
    </div>
    <!-- 我要转让 -->
    <div class="over">
        <span class="over-title-left"></span>
        <div>
            <ul>
                <li class="over-one">我要转让</li>
                <li class="over-two">WO YAO ZHAUN RAN</li>
            </ul>
        </div>
        <span class="over-title-right"></span>
        </div>
    </div>
    </div>
    <div class="register">
        <div class="left">
            <ul class="entry">
                <li class="entry-two-title">
                    <div class="entry-title">
                        <button style="background: skyblue; width: 93px; border-radius: 5px;">点击登录</button>
                        <button style="width: 93px; border-radius: 5px;">点击注册</button>
                    </div>
                </li>
                <li class="entry-two">
                   <div style="display: inline-block;width: 70px;">用户名：</div><input type="text" style="width: 267px;">
                </li>
                <li class="entry-two">
                    <div style=" display: inline-block;width: 70px;">密码:</div><input type="text" style="width: 267px;">
                </li>
                <li class="entry-two">
                    <div style=" display: inline-block;width: 70px; margin-top: 25px;">验证码:</div><input type="text" size="6px" style="width: 97px;">
                    <span style="font-size: 4px;">看不清?</span>
                    <span style="font-size: 4px; color: red;">点击更换</span>
                </li>
                <li class="entry-two">
                    <div class="" style=" display: inline-block;width: 70px;">有效期:</div>
                    <div class="mei">
                        <form action="name" style="display: inline-block;">
                            <span><input type="radio"  name="name" value="一个月">一个月</span>
                            <span><input type="radio" name="name" value="一周">一周</span>
                            <span><input type="radio" name="name" value="一天">一天</span>
                            <span><input type="radio" name="name" value="即时">即时</span>
                            </form>
                    </div>
                </li>
                <li>
                    <button class="entry-two-conter" style="background: skyblue; width: 94px; color: white; border-radius: 5px;">登录</button>
                    <span style="font-size: 14px;color: red;">忘记密码?</span>
                </li>
            </ul>
             
        </div>
        <div class="right">
           <img src="../image/鼎搜网登录页_极速看图.jpg" alt="">
        </div>
    </div>
    <!-- 尾部 -->
    <div class="footer">
    <footer>
        <div class="information clearfix">  
        <ul class="footer-item fl">
            <li>简介</li>
            <li>鼎搜网简介</li>
            <li>鼎搜服务</li>
            <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
            <li>帮助</li>
            <li>用户注册</li>
            <li>关于鼎搜</li>
            <li>在线咨询</li>
        </ul>
        <ul class="footer-item fl">
            <li>共赢</li>
            <li>网站合作</li>
            <li>用户协议</li>
            <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
            <li>导航</li>
            <li>地图首页</li>
            <li>职能分类</li>
            <li>企业名录</li>
        </ul>
        <div class="qr-code fr">
            <div class="qr-code-first">
                <div class="first">
                    <img src="../image/phone.png" alt="">
                </div>
                <div class="two">
                    <p>全国服务热线</p>
                    <p>440-880-1779</p>
                    <p>邮箱：dinsoo@163.com</p>
                </div>
                <div class="three">
                    <p>投诉电话：4408801779</p>
                    <p>周一至周六：9:20-20:00</p>
                    <div class="sina">
                       <img src="../image/weibo.png" alt="">
                    </div>
                </div>
            </div>
            <div class="qr-code-two">
                <div class="qr">
                    <img src="../image/QR_25.png" alt="">
                </div>
                <div class="subscription">
                    订阅信息
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="footer-line">
        <!-- 尾部主要内容主要内容 -->
        <p>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
    </div>
    </footer>
    </div>
    
</body>
</html>